React菜雞-Day1：把工具找齊，你才能無往不利

tags: 鐵人賽 React javascript nodejs vscode

前言

• 此時的你，已經迫不及待想要大展身手了吧！
• 別急，在開始之前，希望你對以下這三個工具有「基本的熟悉度」，後面的課程，你才能跟得上車尾燈。

Html+CSS+Javascript = 前端的必備三元素

HTML

• 就像搭建房屋一樣，你需要鋼筋、板模來架構你心中的完美空間。

CSS

• 毛胚屋蓋好了，刷上喜歡的色彩，調整空間的比例，用CSS調整就對了。

Javascript

• 想像一下，回到家進門後

• 房子的電燈自動亮起
• 冷氣在你回來前的十分鐘，已開始運作，
• 舒適的室內溫度，讓你只想窩在沙發連上網看Nextflix...!

• Javascript就是讓你的家，具備這些自動化的能力，定義好你的邏輯，他就會是個忠心的阿福管家。

以下兩個資源可以補足你前端的基礎知識

• Amos大在2019的冠軍影片- 金魚都能懂 網頁設計入門
• 彭彭老師-網頁前端工程入門

安裝這些工具

• Windows、Linux、MacOS都不拘，能跑程式的OS都行。
• nodeJS官網，點擊下載點安裝

• 穩定版或最新版本，任君選擇，安裝完後會有nodeJS及npm套件管理工具。
• 安裝完之後，打開終端機Terminal，輸入以下指令就可以看到你的版本，底下就是筆者目前使用的版本。

node -v
> v13.11.0

npm -v
> v6.14.8

• vscode載點

• 微軟出品，免費好用的程式開發工具，又有許多套件加持，不用？說得過去嗎？
  

結論

• 工具都準備好了，也花了你不少時間，恭喜你踏出成功的第一步，為自己好好歡呼一下。
• 前端領域充滿著挑戰性，學不完的知識，踩不完的坑，所以你得不斷的鼓舞自己，一點一滴培養自信心，才能順利的走完這30天的旅程。
• 這也是「原子習慣」及「刻意練習」兩書所提倡的觀念，沒有什麼難得倒你的，你要做的就是用「時間」來證明自己，加油！

同場加映

• 讀讀別人的心路歷程，才能在面臨困惑時，處變不驚。
• 保哥是coding領域的資深大前輩，這篇文章闡述一些不錯的觀念，新手建議可以讀讀，多肯定自己。
• 另外兩篇是國外的 Quincy Larson 及 Jennifer Dewalt，他們的勵志學習，讓我們在學習的路上並不孤單，分享給踏上偉大航道的菜雞們~Cheers

• 保哥-我要成為前端工程師！給 JavaScript 新手的建議與學習資源整理
• 想「轉行」靠寫程式吃飯嗎？一個自學程式語言幾乎將自己逼瘋的親身經歷 – 軟體工程師 Quincy Larson
• 180 天寫出 180 個網站！美女藝術家用這招逼自己 6 個月速學 Coding